//定义是否展开的模块
export default {
    // vuex的钩子函数
    state: {
        // 默认展开的状态
        isCollapse: false,
        //面包屑
        tabsList: [
            {
                path: '/home',
                name: 'home',
                label: '首页',
                icon: 'home'
            }
        ],
        currentMenu: null
    },
    //定义方法，修改state数据
    mutations: {
        //定义点击左边状态栏张开收起的方法
        collapseMenu(state) {
            state.isCollapse = !state.isCollapse
        },
        selectMenu(state, val) {
            //当初始点击不是为home页面时
            if (val.name !== 'home') {
                state.currentMenu = val
                const result = state.tabsList.findIndex(item => item.name === val.name) //判断当前点击的选项，在面包屑中存不存在 相等证明存在
                //点击的选项不存在时
                if (result === -1) {
                    state.tabsList.push(val)
                }
            } else {
                //如果当前选中的时首页的活
                state.currentMenu = null
            }
        },
        closeTag(state, val) {
            const result = state.tabsList.findIndex(item => item.name === val.name)//findIndex返回 在数组中查找符合条件第一个元素的index索引
            state.tabsList.splice(result, 1)//splice方法用于添加或删除数组中的元素
        }
    }
}